<template>
  <section>
    <THeader></THeader>
    <BHeader></BHeader>
    <BMenu></BMenu>
    <BContent></BContent>
    <BNavSide></BNavSide>
    <BFooter></BFooter>
  </section>
</template>

<script>
import THeader from '@/components/common/THeader.vue';
import BHeader from '@/components/common/BHeader.vue';
import BMenu from '@/components/common/BMenu.vue';
import BFooter from '@/components/common/BFooter.vue';
import BContent from '@/components/content/BContent.vue';
import BNavSide from '@/components/nav/BNavSide';
export default {
  name: 'index',
  components: {
    THeader,
    BHeader,
    BMenu,
    BFooter,
    BContent,
    BNavSide
  },
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    };
  }
};
</script>

<style lang="stylus" scoped>
  h1
    font-size 12px
</style>
